import React, { Component } from 'react';
import { View,Text,StyleSheet,Dimensions,Button } from 'react-native';
import Icon from 'react-native-vector-icons/Ionicons';

const SCREEN_WIDTH = Dimensions.get('window').width;

export default Tab = ()=>{

    return (
        <View style={styles.container}>
            <View>
                <Icon name="ios-settings" color='#3F51B5' size={26} style={{width:28}}/>
                <Text>钱包</Text>
            </View>
            <View>
                <Icon name="ios-arrow-forward" color='#6e6e6e' size={26} style={{width:28}}/>
            </View>
        </View>
    );
}

const styles = StyleSheet.create({
    container: {
      width:SCREEN_WIDTH,
      height:70,
      flexDirection:'row',
      justifyContent:'center',
      alignItems:'flex-end',
    },
    activeItem:{
        fontWeight: "bold",
        fontSize:22,
        color:'#FFF',
        textShadowColor:'#000',
        textShadowOffset:{width:1,height:1},
        textShadowRadius:1,
    },
    buttonItem:{
        fontSize:18,
        color:'#fff',
        textShadowColor:'#6e6e6e',
        textShadowOffset:{width:1,height:1},
        textShadowRadius:1,
    },
    
  });